<!--
 * @Description: 全局暂无数据组件
 * @Author: Kou Jing（koujing@daqsoft.com）
 * @Date: 2023-12-15 15:09:43
 * @LastEditTime: 2023-12-15 15:41:53
 * @LastEditors: Kou Jing（koujing@daqsoft.com）
 * @FilePath: \cultural-big-data-APP-H5\src\components\no-data.vue
-->
<template>
  <div class="no-data">
    <img
      class="cover"
      src="@/assets/images/default/no-data.png"
      alt="暂无数据" />
    <div>暂无数据</div>
  </div>
</template>

<script lang="ts" setup></script>

<style lang="scss" scoped>
.no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 48px 0;
  color: #969799;
  font-size: 28px;
  line-height: 100px;
  text-align: center;

  .cover {
    width: 50%;
  }
}
</style>
